<template>
  <div>
        <!-- 使用全局组件-->
        <globalcom></globalcom>
        <!-- 使用局部组件 -->
        <Partcom :boyArr = 'boyArr' @myevent="getdata"></Partcom>
  </div>
</template>

<script setup>
 // 引入局部组件
import Partcom from '@/components/partcom.vue';
import { ref ,reactive} from 'vue';
const boyArr = reactive(['大杨哥', '小杨哥', '嘴哥', '李佳琦']);

// 定义监听子传父的事件
const getdata = (data) => {
    console.log('data',data);
}
</script>
<style scoped>

</style>